import ColumnsTabs from '@/pages/Template/components/ColumnsTabs';
import ProCard from '@ant-design/pro-card';
import { PageContainer } from '@ant-design/pro-components';
import { Button, Space, Tabs, TabsProps } from 'antd';

const TableCrud = () => {
  const items: TabsProps['items'] = [
    { key: '0', label: 'tree', children: '' },
    { key: '1', label: 'table', children: <ColumnsTabs /> },
    { key: '2', label: 'form', children: 'Content of Tab Pane 2' },
  ];
  return (
    <>
      <PageContainer>
        <ProCard
          actions={
            <Space>
              <Button type={'primary'}>保存</Button>
              <Button>重置</Button>
              <Button type={'primary'}>提交</Button>
            </Space>
          }
        >
          <Tabs defaultActiveKey="1" tabPosition={'left'} items={items} />
        </ProCard>
      </PageContainer>
    </>
  );
};
export default TableCrud;
